<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/云课堂详情页.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./icon/iconfont1.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="js/request11.js"></script>
</head>

<body>
    <header class="container header_1">

        <ul class="topNav container">
            <li><img src="http://course.myhope365.com/img/logo-header.08ec1297.png" alt=""></li>
            <li>首页</li>
            <li class="topNav_2"> 课程分类<span class="iconfont icon-xiajiantou1">&#xe60a;</span>
                <ul class="topNav_1"> </ul>
            </li>
            <li>专属课程</li>
            <li><input type="text" class="searchBox" placeholder="搜索课程" maxlength="20"><span
                    class="search_1"><button><img src="./images/放大镜.png" alt="">搜索</button></span>
                <span class="shop"><img src="./images/购物车.png" alt=""><span>|</span><a data-toggle="modal"
                        data-target="#myModal">登录/注册</a><img src="" alt=""><img src="./images/用户名.png" alt=""></span>
            </li>
        </ul>
        <!-- <input type="text" class="searchBox" placeholder="搜索课程" maxlength="20">
        <span class="search_1"><button><img src="./images/放大镜.png" alt="">搜索</button></span>
        <span class="shop"><img src="./images/购物车.png" alt=""><span>|</span><a data-toggle="modal"
                data-target="#myModal">登录/注册</a><img src="" alt=""><img src="./images/用户名.png" alt=""></span> -->
    </header>

    <div class="bigBox">

        <div class="container">
            <div class="topNbox">
                <a href="天亮教育首页.html">🏠首页 / 视频详情</a>
            </div>
            <div>

                <div class="row">
                    <div class="col-xs- col-sm- col-md- col-lg-4 image_1" id="image_1">
                        <!-- <img src="https://online-course.nos-eastchina1.126.net/74e025f97cc04d5d8d76cc8b426b8dab.png"
                            alt="还是会想你"> -->
                    </div>
                    <div class="col-xs- col-sm- col-md- col-lg-5 body_1" id="body_1">
                        <!-- <p>web前端基础之html+css</p><p>累计246人学习<span>★★★★★</span></p><h3>免费</h3><button>立即观看</button> -->
                    </div>
                    <div class="col-xs- col-sm- col-md- col-lg-3 collection">
                        <button><span>♡</span>收藏</button>
                    </div>
                </div>

            </div>
            <div class="tab_1">
                <div class="outerTab">
                    <div class="littleBox container">
                        <ul id="myTab" class="nav nav-tabs">
                            <li>
                                <a href="#home" data-toggle="tab">课程描述</a>
                            </li>
                            <li>
                                <a href="#home1" data-toggle="tab">目录</a>
                            </li>
                            <li>
                                <a href="#home2" data-toggle="tab">评论</a>
                            </li>
                        </ul>

                        <div id="myTabContent" class="tab-content">
                            <div class="tab-pane fade in active" id="home">
                                <!-- 职业素养是每个成年人在职场和社会生存的必修课程，<br>
                                我们天亮教育一般称职业技能是生产力，职业素养是生产关系， 两者是互相支撑、缺一不
                                可，构成职业生涯发展的两大核心要素。 -->
                            </div>
                            <div class="tab-pane fade Tab_1" id="home1"></div>
                            <div class="tab-pane fade  Tab_1" id="home2">
                                <div class="comments">
                                    <p>评论</p>
                                    <p> <span>★★★★★</span>非常好</p>
                                    <textarea name="" id="textarea1" cols="150" rows="8"></textarea>
                                    <button>发表评论</button>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
    <div class="bottom_1">
        <h3>友情链接：</h3>
        <ul class="bottom_2"></ul>
        <p>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</p>
    </div>
</body>

</html>
<script src="./js/云课堂详情页.js"></script>
<script>

</script>